/**
 * 这里修改登录界面的样式
 */

/* 新增样式 */
.button-group {
    display: flex;
    justify-content: center;
    gap: 20px; /* 按钮间距 */
    margin-top: 45px;
}

#loginBtn {
    display: inline-block !important;
    width: 120px !important;
    background-color: #428bca !important;
    border-color: #357ebd !important;
}

/* 统一按钮基础样式 */
#loginBtn, #registerBtn {
    background-color: #428bca !important;
    border-color: #428bca !important;
}

#registerBtn {
    display: inline-block !important;
    width: 120px !important;
    background-color: #428bca !important;
    border-color: #428bca !important;
}

#registerBtn:hover {
    background-color: #428bca !important;
    border-color: #428bca !important;
}

/* 按钮悬停效果 */
#loginBtn:hover {
    background-color: #3071a9 !important;
}

#registerBtn:hover {
    background-color: #428bca !important;
}

.modal-content {
    width: 400px !important;
    margin: 100px auto !important;
}

.modal-header {
    background-color: #0da9e5 !important; /* 与A界面紫色一致 */
    border-bottom: 2px solid #12cef6 !important;
}

.modal-title {
    color: white !important;
    font-size: 18px !important;
}